<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>怎样玩</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <style>
        img{
          max-width: 100%;
        }
        .head{
          position: fixed;
          height:100px;
          line-height: 100px;
          width:100%;
          text-align: center;;
          color:#555;
          font-size: 24px;
          z-index: 9;
          top:0;
          left:0;
          width: 100%;
          background: #F8F8F8;
        }
        .close{
          position: absolute;
          width:50px;
          height:100px;
          line-height: 100px;
          text-align: center;
          left:0;
          top:0;
        }
        .close img{
          width:20px;
          height:20px;
          vertical-align: middle;
          position: relative;
          top:-2px;
        }
        .body{
          padding-top: 100px;
        }
    </style>
</head>

<body>
    <div class="head">
      <div class="close" id="close">
        <img src="../image/left.png" alt="">
      </div>
      玩法
    </div>
    <div class="body">
      <img src="../image/play.png" alt="">
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
    apiready = function() {
      $api.addEvt($api.byId('close'), 'click', function() {
        api.closeFrame({
          name: 'play'
        });
    });
  }
</script>

</html>
